<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/div/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Tutorial Video Widget</title>

        <!-- Common widget API -->
        <script type='text/javascript' language='javascript' src='$MANAGER_WIDGET/Common/API/Widget.js'></script>
        <script type='text/javascript' language='javascript' src='$MANAGER_WIDGET/Common/API/TVKeyValue.js'></script>
        <script type="text/javascript" language="javascript" src="$MANAGER_WIDGET/Common/webapi/1.0/webapis.js"></script>
               
        <!-- Widget code -->
        <script language="javascript" type="text/javascript" src="Javascript/Main.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Server.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Data.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Player.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Display.js"></script>
        <script language="javascript" type="text/javascript" src="Javascript/Audio.js"></script>
        
        <!-- Style sheets -->
        <link rel="stylesheet" href="CSS/Main.css" type="text/css">

        <!-- Plugins -->
        <object id="pluginPlayer1" border=0 classid="clsid:SAMSUNG-INFOLINK-SEF"></object>
        <object id="pluginAudio1" border=0 classid="clsid:SAMSUNG-INFOLINK-SEF"></object>
        <object id="pluginObjectTVMW1" border=0 classid="clsid:SAMSUNG-INFOLINK-SEF"></object>
                
    </head>

    <body onload="Main.onLoad();" onunload="Main.onUnload();">
        <!-- Dummy anchor as focus for key events -->
        <a href='javascript:void(0);' id='anchor' onkeydown='Main.keyDown();'></a>

        <!-- Layout begins -->
        <div id="player_container"></div>
        <div id="main">
            <div id="logo">T-Commerce</div>
            <div id ="rightHalf">
                <div id="videoBox_top"></div>
                <div id="videoBox_left"></div>
                <div id="videoBox_right"></div>
                <div id="videoBox_bottom">
                    <div id="time">
                        <div id="progressBarBG">
                            <div id="progressBar"></div>
                        </div>
                        <div id="timeInfo"></div>
                    </div>
                    <div id="volume">
                        <div id="volumeIcon"></div>
                        <div id="volumeBarBG">
                            <div id="volumeBar"></div>
                        </div>
                        <div id="volumeInfo"></div>
                    </div>
                    <div id="videoControl">
                        <div id="rewind"></div>
                        <div id="play"></div>
                        <div id="stop"></div>
                        <div id="pause"></div>
                        <div id="forward"></div>
                    </div>
                    <div id="status"></div>
                </div>
                <div id="description_top"></div>
                <div id="description_bottom"></div>
                <div id="description"></div>
            </div>
<!--             <div id="leftHalf"> -->
<!--                 <div id="videoList" class="style_videoList"> -->
<!--                     <div id="video0"></div> -->
<!--                     <div id="video1"></div> -->
<!--                     <div id="video2"></div> -->
<!--                     <div id="video3"></div> -->
<!--                     <div id="video4"></div> -->
<!--                     <div id="videoCount"></div> -->
<!--                 </div> -->
<!--                 <div id="previous"></div> -->
<!--                 <div id="next"></div> -->
<!--             </div>  -->
<!--             <div id="navi"> -->
<!--                 <div id="help_navi"> -->
<!--                     <img src="Images/navi/play.png"></img> -->
<!--                     <img src="Images/navi/stop.png"></img> -->
<!--                     <img src="Images/navi/pause.png"></img> -->
<!--                     <img src="Images/navi/rewind.png"></img> -->
<!--                     <img src="Images/navi/forward.png"></img>&nbsp<a class="style_navi">Video Control</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp -->
<!--                     <img src="Images/navi/enter.png"></img>&nbsp<a class="style_navi">Full-screen/Window mode</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp -->
<!--                     <img src="Images/navi/return.png"></img>&nbsp<a class="style_navi">Return</a> -->
<!--                 </div> -->
<!--             </div> -->
        </div>
    </body>
</html>
